/**************************************************************************
 *
 *   Copyright 2010 American Public Media Group
 *
 *   This file is part of AIR2.
 *
 *   AIR2 is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   AIR2 is distributed in the hope that it will be useful, 
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
 *   GNU General Public License for more details.
 *
 *   You should have received a copy of the GNU General Public License 
 *   along with AIR2.  If not, see <http://www.gnu.org/licenses/>.
 *
 *************************************************************************/

@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    background: #555 url(img/darkest-gray-back.jpg) repeat;
    color: #222;
    font-size: small;
    font-family: Tahoma, Geneva, sans-serif;
}

a, a:visited {
    text-decoration: none;
    color: #5c88ca;
}
a:hover {
    text-decoration: underline;
    cursor: pointer;
}
a.external {
    background: url(img/icons/external-link.png) no-repeat 100% 50%;
    padding-right: 18px;
}
form, input {
    margin: 0;
    padding: 0;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 16px;
    margin: 0;
}
table, tr, td {
    margin: 0;
    padding: 0;
}


.wrap {
    margin: 0 auto;
    width: 1000px;
}

.clearfix {
    display: inline-block;
    width: 100%;
}

/* Header design */
#air2-headerwrap {
    background: #333;
}
#air2-header {
    color: #666;
    font-size: 11px; 
}
#air2-header .logo {
    padding-top: 6px;
    
}
#air2-header .tools {
    float: right;
    width: 710px;
    background: #444;
    margin-top: 10px;
}
#air2-header .tools .search {
    float: left;
    padding: 7px;
}
#air2-header .tools .search .text-input {
    padding: 5px;
    border: 0 none;
    height: 14px;
    margin: 0;
    width: 200px;
    float: left;
}
#air2-header .tools .search .air2-btn {
    float: left;
}
#air2-header .tools .search .air2-btn button {
    margin: 0;
    padding: 0;
    height: 25px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
#air2-header .tools .search .air2-btn.x-btn-noicon button {
    border-left: 1px solid #8BB2FE;
    padding: 0 7px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}
#air2-header .tools .recent-stuff {
    float: left;
    padding: 7px 0 7px 40px;
}
#air2-header .tools .recent-stuff .air2-btn {
    float: left;
}
#air2-header .tools .recent-stuff .air2-btn button {
    margin: 0 1px 0 0;
    padding: 0;
    height: 25px;
    width: 24px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
#air2-header .tools .recent-stuff .air2-btn.x-btn-menu-active button {
    background-color: #efefef;
    opacity: 1;
}
#air2-header .tools .account {
    float: right;
    padding: 7px;
}
#air2-header .tools .account .name {
    float: left;
    height: 25px;
    background: #555;
    padding: 0 8px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
}
#air2-header .tools .account .name a {
    color: #fff;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    display: block;
}
#air2-header .tools .account .air2-btn {
    float: left;
}
#air2-header .tools .account .air2-btn button {
    margin: 0;
    padding: 0;
    height: 25px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}
#air2-header .tools .account .air2-btn.x-btn-menu-active button {
    background-color: #efefef;
    opacity: 1;
}
.air2-header-menu {
    background-color: #efefef;
    border: 0px none;
}
.air2-header-menu .x-menu-item {
    padding: 3px 10px 3px 7px;
}
.air2-header-menu a.x-menu-item {
    color: #5C88CA;
}
.air2-header-menu a.x-menu-item:hover {
    text-decoration: underline !important;
}
#air2-header .search .x-btn-over button, #air2-header .search .x-btn-focus button {
    background-color: #2EB4F3;
}
#air2-header .search .x-btn-menu-active button {
    background-color: #2EB4F3;
    border-color: transparent;
}
.air2-header-menu.search {
    background-color: #2EB4F3;
}
.air2-header-menu.search .x-menu-item {
    padding: 3px 3px 3px 25px;
    color: #fff !important;
}
.air2-header-menu.search .x-menu-item:hover {
    text-decoration: none !important;
}
.air2-header-menu.search .x-menu-item-active {
    background-color: #46bdfe;
    border-color: #46bdfe;
    background-image: none;
}
.air2-header-menu.search .x-menu-item-checked {
    background-color: #aaccf6;
    border-color: #aaccf6;
    background-image: none;
}
/* fix search search icons */
#air2-header .search .air2-icon-activesources, .air2-header-menu.search .air2-icon-activesources {
    background-image: url(img/icons/user-silhouette.png) !important;
}
#air2-header .search .air2-icon-sources, .air2-header-menu.search .air2-icon-sources {
    background-image: url(img/icons/user-silhouette-two.png) !important;
}
/* end header */


/* Toolbar style */
#air2-toolbar-wrap {
    padding: 10px 0;
}
#air2-toolbar-wrap li {
    float: left;
    margin-right: 10px;
}
#air2-toolbar-wrap li a, #air2-toolbar-wrap li a:visited {
    display: block;
    background: #444 no-repeat 10px 50%;
    border-bottom: 1px solid #777;
    border-top: 1px solid #3F3F3F;
    color: #999;
    font-size: 10px;
    padding: 10px 10px 11px 30px;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#air2-toolbar-wrap li a:hover {
    background-color: #555 !important;
    color: #fff;
    text-decoration: none;
}
li#air2-toolbar-location {
    display: none; /* initially hidden */
}
li#air2-toolbar-location a, li#air2-toolbar-location a:visited {
    background-color: #222;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 10px 8px 30px;
    background: #444 no-repeat 10px 50%;
}
li#air2-toolbar-home a {
    background-image: url(img/icons/application-home.png) !important;
}


/* Footer */
#air2-footer {
    clear: both;
    padding: 10px 20px 20px 20px;
    width: 960px;
    color: #ccc;
}
#air2-footer a, #air2-footer a:visited {
    color: #fff;
}
/* end footer */

/* D&D elements */
.air2-dragzone {
    cursor: move;
}
.air2-dragarrow {
    padding: 12px 0 12px 12px;
    cursor: move;
    display: none;
    position: absolute
}
.air2-empty {
    text-align: center;
    position: relative;
    top: 40%;
}


/* Fix combo box triggers in chrome */
.ext-chrome .x-form-field-wrap .x-form-trigger {
    right: auto;
}

/* remove squiggly line from Ext forms */
.x-form-invalid, textarea.x-form-invalid {
    background-image: none;
}

/* global ext style changes */
.ext-el-mask {
    opacity: 0.7;
    background-color: #000;
}

/* shortcuts for panel corners */
.air2-corner-tl {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.air2-corner-tr {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.air2-corner-bl {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.air2-corner-br {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.air2-corners-top {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.air2-corners-bottom {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.air2-corners-left {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.air2-corners-right {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.air2-corners {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.air2-corners3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.air2-corners3-top {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}


/* Exception styling */
#air2-exception {
    text-align: center;
    padding: 10px 0 20px;
}
#air2-exception .body {
    background: #fff;
    margin: 0 230px;
    min-height: 240px;
    font-size: 16px;
}
#air2-exception .body h1 {
    font-size: 25px;
    padding: 10px;
    margin: 10px;
    border-bottom: dotted 1px #999;
}

/* Valid extjs form message */
.air2-form-valid-msg {
    color: green;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    background-image: url(../lib/extjs/resources/images/default/dd/drop-yes.gif);
    padding-top: 4px;
}

/* API error styling */
.air2-api-error-msg {
    background: #efefef;
    border: 1px solid red;
    padding: 4px;
    position: absolute;
    visibility: hidden;
    min-width: 125px;
    max-width: 360px;
    z-index: 100;
}
.air2-api-error-msg .title {
    text-align: center;
    font-weight: bold;
    color: #444;
    font-size: 16px;
    border-bottom: 1px dotted #666;
}
.air2-api-error-msg .msg {
    color: #666;
    font-size: 13px;
    padding: 5px 3px;
}
.air2-api-error-msg .btns {
    text-align: center;
}
